<template>
<div class="links flex flex-center">
  <span>友情链接：</span>
  <ul class="flex">
    <li v-for="(item,index) in links" :key="'links'+index">
      <a :href="item.href">{{item.title}}</a>
    </li>
  </ul>
</div>
</template>

<script>
export default {
name: "links",
  props:{
  links:{
    type:Array
  }
  },
  methods:{
  }
}
</script>

<style lang="less" scoped>
.links{
  margin: 40px 0;
  font-size: 12px;
  span{
    line-height: 30px;
  }
  ul{
    li{
      margin: 0 10px;
      line-height: 30px;
    }
    a:visited{color: #434343;}
    a:hover{color: #434343;}
  }
}
</style>